<template>
 <div>
   <el-form :model="form" ref="form" size="medium">
     <el-row class="pt-20">
       <el-col :span="4" class="ban-left">网站名称
         <el-tooltip effect="dark" content="网站名称" placement="top-start">
           <i class="el-icon-info ml-15"></i>
         </el-tooltip>
       </el-col>
       <el-col :span="10">
         <el-form-item prop="web_name">
           <el-input v-model="form.web_name" placeholder="网站名称"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
     <el-row class="pt-20">
       <el-col :span="4" class="ban-left">网站地址
         <el-tooltip effect="dark" content="网站地址" placement="top-start">
           <i class="el-icon-info ml-15"></i>
         </el-tooltip>
       </el-col>
       <el-col :span="10">
         <el-form-item prop="web_addr">
           <el-input v-model="form.web_addr" placeholder="网站地址"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
     <el-row class="pt-20">
       <el-col :span="4" class="ban-left">后台LOGO
         <el-tooltip effect="dark" content="左上角logo,建议尺寸[170*50]" placement="top-start">
           <i class="el-icon-info ml-15"></i>
         </el-tooltip>
       </el-col>
       <el-col :span="10">
         <el-form-item prop="logo_img">
           <el-input v-model="form.logo_img" placeholder="后台LOGO"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
     <el-row class="pt-20">
       <el-col :span="4" class="ban-left">SEO标题
         <el-tooltip effect="dark" content="SEO标题" placement="top-start">
           <i class="el-icon-info ml-15"></i>
         </el-tooltip>
       </el-col>
       <el-col :span="10">
         <el-form-item prop="seo_title">
           <el-input v-model="form.seo_title" placeholder="SEO标题"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
     <el-row class="pt-20">
       <el-col :span="4" class="ban-left">网站缓存时间
         <el-tooltip effect="dark" content="配置全局缓存时间（秒），默认留空为永久缓存" placement="top-start">
           <i class="el-icon-info ml-15"></i>
         </el-tooltip>
       </el-col>
       <el-col :span="10">
         <el-form-item prop="cache_time">
           <el-input v-model="form.cache_time" placeholder="网站缓存时间"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
     <el-row class="pt-20">
       <el-col :span="2" :offset="6"><el-button class="save" @click="submit">提 交</el-button></el-col>
     </el-row>
   </el-form>
 </div>
</template>

<script>
  export default {
    name: 'BasicSet',
    data () {
      return {
        form: {
          web_name: '吉吉果园进销存',
          web_addr: '',
          logo_img: '',
          seo_title: '季节水果',
          cache_time: '86400'
        }
      }
    },

    methods: {
      //提交
      submit() {
        this.$refs['form'].validate((valid) => {
          if (valid) {
            console.log(this.form)
            this.$message.success('成功!');
          } else {
            console.log('error submit!!');
            this.$message.error('失败!');
            return false;
          }
        });
      }



    }
  }
</script>

<style>
</style>
